<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>CSS3和jQuery实现的3D相册2</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="3D Gallery with CSS3 and jQuery"/>
    <meta name="keywords" content="3d, gallery, jquery, css3, auto, slideshow, navigate, mouse scroll, perspective"/>
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" type="text/css" href="/static/css/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/css/style.css"/>
    <script type="text/javascript" src="../static/js/image/modernizr.custom.53451.js"></script>
</head>
<body>
<div class="container">
    <header>
        <nav class="codrops-demos">
            <a class="current-demo" href="/admin/imageShow">Navigation</a>
            <a href="/admin/imageShow2">Auto-Slideshow</a>
        </nav>
    </header>

    <section id="dg-container" class="dg-container">
        <div class="dg-wrapper">
            {{range $image := .images}}
            <a href="#"><img src="/{{$image.Path}}" alt="image01" width="480" height="260">
                <div>{{$image.Name}}</div>
            </a>
            {{end}}
        </div>
    </section>
</div>


<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="../static/js/image/jquery.gallery.js"></script>
<script type="text/javascript">
    $(function () {
        $('#dg-container').gallery({
            autoplay: true
        });
    });
</script>
</body>
</html>